// pages/rooms/rooms.js
//在使用的View中引入WxParse模块
var WxParse = require('../../wxParse/wxParse');
Page({
  data: {
    selectedTab: 0, // 0: 房源预订, 1: 民宿简介
    rooms: [
      {
        id: 1,
        image: 'roomList01.png',
        name: '山居民宿-花满厅室',
        description: '1房·可住两人·一床',
        price: '¥288',
        tag: '今日推荐',
        tagType: 'recommend'
      },
      {
        id: 2,
        image: 'roomList02.png',
        name: '标准双床房',
        description: '3楼 · 可住2人 · 双床',
        price: '¥228',
        tag: '舒适可订',
        tagType: 'comfort'
      },
      {
        id: 3,
        image: 'roomList01.png',
        name: '家庭套房',
        description: '4楼 · 可住4人 · 大床+沙发床',
        price: '¥388',
        tag: '',
        tagType: ''
      },
      {
        id: 4,
        image: 'roomList02.png',
        name: '观景单间',
        description: '5楼 · 可住1人 · 单床',
        price: '¥188',
        tag: '舒适可订',
        tagType: 'comfort'
      }
    ],
    navHeight: wx.getStorageSync('navHeight') ? wx.getStorageSync('navHeight') : 88,
    richTextContent: `
  <div style="font-size: 16px; color: #333; line-height: 1.7;">
    <p><strong>周边简介：</strong></p>
    <p>距离入住日期5天以上(不含5天)可以免费取消预定或者延期。<br />
    距离入住日期5天以内取消的，扣除订单第一晚房费作为违约金。</p>
    <img src="https://image.shengxuankj.com/fronts/roomDetailImage.png">
    <p><strong>宠物政策：</strong></p>
    <p>分享时机，在不同的时机分析用户是否有分享的意愿，提供给他们合适的分享内容，能让分享的效果更好。<br />
    用户主动点击分享 绝大多数APP都是在详情页等需要分享的页面放置一个分享按钮，由用户自行选择分享。这种情况下用户是否分享主要是取决于产品内容本身，比如内容有趣或是有用。<br />
    在一些APP中设计者会对这个分享按钮加一些鼓励的文案或者着重的设计来促进用户分享。</p>

    <p><strong>民宿退订规则：</strong></p>
    <p>距离入住日期5天以上(不含5天)可以免费取消预定或者延期。<br />
    距离入住日期5天以内取消的，扣除订单第一晚房费作为违约金。</p>
  </div>
`,
    navBarHeight: 0,
    tabBarHeight: 0,
    contentHeight: 0,
  },

  onLoad: function (options) {
    // 页面加载

    var article = '<div>我是HTML代码</div>';
    var that = this;
    WxParse.wxParse('article', 'html', that.data.richTextContent, that, 5);

    // 计算剩余可视高度
    this.calculateContentHeight();
  },
  /**
   * 计算主要内容区域的高度
   */
  calculateContentHeight() {
    const systemInfo = wx.getWindowInfo();
    const windowHeight = systemInfo.windowHeight;
    const safeAreaBottom = systemInfo.safeArea ? systemInfo.screenHeight - systemInfo.safeArea.bottom : 0;
    const tabBarHeight = 50 + safeAreaBottom; // 自定义tabbar高度(100rpx转px约50px) + 安全区域
    
    // 首页导航栏不占用空间，所以内容高度就是窗口高度减去tabbar高度
    const contentHeight = windowHeight;
    
    this.setData({
      tabBarHeight: tabBarHeight,
      contentHeight: contentHeight
    });
  },
  // 切换标签页
  switchTab: function(e) {
    const index = e.currentTarget.dataset.index;
    this.setData({
      selectedTab: index
    });
  },

  // 开始预订
  goToBookPage: function(e) {
    // const roomId = e.currentTarget.dataset.roomid;
    // wx.showToast({
    //   title: '开始预订房间' + roomId,
    //   icon: 'success'
    // });
    wx.navigateTo({
      url: '/packageA/book/book',
    })
  },

  // 返回上一页
  goBack: function() {
    wx.navigateBack();
  },
  goToRoomDetail(){
      wx.navigateTo({
        url: '/packageA/roomDetail/roomDetail',
      })
  }
});